<template>
  <!-- 项目信息 -->
  <div class="bg-white mt-[10px]">
    <BaseHead style="border-bottom: 0">项目信息</BaseHead>
    <BaseTable>
      <tr>
        <td class="td-name">项目名称</td>
        <td>{{ baseInfoData.name }}</td>
        <td class="td-name">项目分类</td>
        <td>
          {{ baseInfoData.proTypeName }}
        </td>
      </tr>
      <tr>
        <td class="td-name">负责人</td>
        <td>{{ baseInfoData.chargerName }}</td>
        <td class="td-name">所属单位</td>
        <td>
          {{ baseInfoData.unitName }}
        </td>
      </tr>
    </BaseTable>
  </div>
</template>

<script setup>
import BaseHead from "@/views/project/components/BaseHead.vue";
import BaseTable from "@/views/project/components/BaseTable.vue";
import { baseInfo } from "@/api/project/zx/lxxm";
const props = defineProps({
  projectId: String,
});

const baseInfoData = ref({});
//获取基础信息
const getBaseInfoData = async () => {
  try {
    const params = {
      proId: props.projectId,
    };
    const res = await baseInfo(params);
    baseInfoData.value = res.data;
  } catch (error) {
    console.log(error);
  }
};
onMounted(() => {
  getBaseInfoData();
});
</script>

<style scoped lang="scss"></style>
